Templated HTML

作り方

code:gs(js)

function doGet() {

const template = HtmlService.createTemplateFromFile("index");

// ...処理...

const output = template.evaluate();

return output;

}

scriptletという、通常のgoogle apps scriptを記述できるタグを使える

JSXみたいtakker.icon

<? ... ?>

スクリプトを実行する？

code:example.html

<body>

<? if (true) { ?>

This will always be served!

<? } else { ?>

This will never be served.

<? } ?>

</body>

<?= ... ?>

スクリプトの返り値をエスケープして埋め込む

code:example.html

<body>

<?= 'My favorite Google products:' ?>

for (var i = 0; i < data.length; i++) { ?>

<?= datai ?>

<? } ?>

</body>

ユーザ入力を受け取る場合は必要

<?!= ... ?>

スクリプトの返り値をエスケープせずに埋め込む

HTMLやスクリプトを埋め込む場合など

code:example.html

<body>

<?!= tag ?>

</body>

code:gs(js)

const template = HtmlService.createTemplateFromFile("example");

const tag = <a href=${url}>link</a>;

template.tag = tag;